<template>
  <div>
    <h2>讲解插槽的子组件</h2>
    <!-- 下面的写法就是插槽向外传递了2个数据 count list -->
    <!-- 这边向父组件传递了2个数据，会自动拼接为一个对象，有两个属性 a b -->
    <slot :a="count" :b="list">默认内容</slot>
  </div>
</template>

<script>
export default {
  props: ['title'],
  data() {
    return {
      count: 100,
      list: [1, 2, 3, 4, 5]
    }
  }
}
</script>
